<template>

  <body>
    <tt></tt>
    <div style="text-align:center">
      <img src="../../assets/images/zhaopin.png"
           style="width:80%;height:500px">

      <el-table :data="tableData"
                style="width: 60%;margin:0 auto"
                :row-class-name="tableRowClassName">
        <el-table-column prop="gangwei"
                         label="岗位"
                         width="180">
        </el-table-column>
        <el-table-column prop="didian"
                         label="地点"
                         width="180">
        </el-table-column>
        <el-table-column prop="renshu"
                         label="人数"
                         width="180">
        </el-table-column>
        <el-table-column prop="zhiweiyaoqiu"
                         label="职位要求">
        </el-table-column>
      </el-table>
    </div>
    <br><br><br>
    <b class="zi"
       style="font-size:25px">薪酬福利</b>
    <br><br>
    <span class="zi">月薪：1800 </span> <span class="zi"
          style="margin-left:200px">工作时间：8:00-21:00</span>
    <br><br><br>
    <b class="zi"
       style="font-size:25px">招聘条件</b>
    <br><br>
    <span class="zi">1、在校大学生</span> <br>
    <span class="zi">2、成绩优秀，或者某一方面有突出表现者</span>
    <span class="zi">3、能合理安排自己时间，不耽误学业</span> <br>
    <span class="zi">4、会使用简单的办公软件，如axure、excel等。</span>
    <br><br><br>
    <b class="zi"
       style="font-size:25px">其他福利</b>
    <br><br>
    <span class="zi">1、应聘成功者可增加2个学分</span> <br>
    <span class="zi">2、表现突出者可额外增加1个学分</span>
    <br><br><br>
    <b class="zi"
       style="font-size:25px">简历投递</b>
    <br><br>
    <span class="zi">邮箱：2539121778@qq.com</span> <br>
    <span class="zi">联系电话：0358-36238179</span>
    <div style="height:80px"></div>
    <ww></ww>
  </body>

</template>

<script>
import tt from "./tt.vue"
import ww from "./ww.vue"
export default {
  methods: {
    tableRowClassName ({ row, rowIndex }) {
      if (rowIndex === 1) {
        return 'warning-row';
      } else if (rowIndex === 3) {
        return 'success-row';
      }
      return '';
    }
  },
  components: {
    tt: tt,
    ww: ww,
  },
  data () {
    return {
      tableData: [{
        gangwei: '课程审核员',
        didian: '不限',
        renshu: '10',
        zhiweiyaoqiu: '每天登录系统后台，审核发布的课程'
      },
      {
        gangwei: '课程审核员',
        didian: '不限',
        renshu: '10',
        zhiweiyaoqiu: '每天登录系统后台，审核发布的课程'
      },
      {
        gangwei: '课程审核员',
        didian: '不限',
        renshu: '10',
        zhiweiyaoqiu: '每天登录系统后台，审核发布的课程'
      },
      {
        gangwei: '课程审核员',
        didian: '不限',
        renshu: '10',
        zhiweiyaoqiu: '每天登录系统后台，审核发布的课程'
      }]
    }
  }
}
</script>

<style>
a {
  text-decoration: none;
}
.el-table .warning-row {
  background: oldlace;
}

.el-table .success-row {
  background: #f0f9eb;
}
.zi {
  padding-left: 150px;
  font-size: 18px;
}
.wei {
  color: aliceblue;
  font-size: 22px;
  margin: 50px;
}
.wei1 {
  color: white;
  font-size: 18px;
  margin-left: 160px;
}
</style>

